<template>
	<common-page>
		<view class="card-wrap">
			<view class="item flex justify-between" @click="bindGoToMode">
				<text class="color-333 font-30" style="font-weight: bold;">工作模式</text>
				<image src="../../static/icons/right_dir_default_icon.png" mode="" style="width: 12rpx;height: 23rpx;"></image>
			</view>
			<view class="item flex justify-between" @click="bindGoToType">
				<text class="color-333 font-30" style="font-weight: bold;">安装方式</text>
				<image src="../../static/icons/right_dir_default_icon.png" mode="" style="width: 12rpx;height: 23rpx;"></image>
			</view>
			<view class="item flex justify-between" @click="bindGoToParameter">
				<text class="color-333 font-30" style="font-weight: bold;">功能参数</text>
				<image src="../../static/icons/right_dir_default_icon.png" mode="" style="width: 12rpx;height: 23rpx;"></image>
			</view>
			<view class="item flex justify-between" @click="bindGoToDataInfo">
				<view class="color-333 font-30 flex" style="font-weight: bold;">监控数据
					<view class="margin-left-10">
						<u-icon name="error-circle-fill" size="18" color="#FFAE43"></u-icon>
					</view>
				</view>
				<image src="../../static/icons/right_dir_default_icon.png" mode="" style="width: 12rpx;height: 23rpx;"></image>
			</view>
			<view class="item flex justify-between" @click="bindGoToArchives">
				<text class="color-333 font-30" style="font-weight: bold;">设备档案</text>
				<image src="../../static/icons/right_dir_default_icon.png" mode="" style="width: 12rpx;height: 23rpx;"></image>
			</view>
		</view>
  </common-page>
</template>

<script>
// noinspection NpmUsedModulesInstalled
import { mapGetters } from 'vuex';
export default {
	components: {
	},
	data() {
		return {
			deviceSn: ''
		};
	},
	onLoad(option) {
		this.deviceSn = option.deviceSn;
	},
	methods: {
		// 去工作模式
		bindGoToMode() {
			uni.navigateTo({
				url: `/pages/device/workingMode?deviceSn=${this.deviceSn}`
			});
		},
		// 去安装方式
		bindGoToType() {
			uni.navigateTo({
				url: `/pages/device/installEquipment?deviceSn=${this.deviceSn}`
			});
		},
		// 去功能参数
		bindGoToParameter() {
			uni.navigateTo({
				url: `/pages/device/functionParameter?deviceSn=${this.deviceSn}`
			});
		},
		// 去数据详情
		bindGoToDataInfo() {
			uni.navigateTo({
				url: `/pages/data/dataInfo?deviceSn=${this.deviceSn}`
			});
		},
		// 去设备文档
		bindGoToArchives() {
			uni.navigateTo({
				url: `/pages/device/equipmentArchives?deviceSn=${this.deviceSn}`
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.card-wrap {
	padding: 0 40rpx;
	background-color: #fff;
	border-radius: 20rpx;
	margin-top: 32rpx;
	.item {
		height: 120rpx;
		border-bottom: 1px solid #E3E3E3;
		&:nth-last-of-type(1) {
			border-bottom: none;
		}
	}
}
</style>
